<template>
  <div id="app">
    <!--
      1: Home离开时记录状态和位置: 加上keep-alive
      2: 离开时保存一个位置信息saveY，进来时将位置设置为原来保存的位置saveY信息即可
      3: 由于使用了keep-alive，导致进入详情页面时Detail组件中的生命周期函数不会被执行，因此进入每个商品详情页面的数据都是一样的；因此这里需要排除Detail组件
     -->
    <keep-alive exclude="Detail">
      <router-view></router-view>
    </keep-alive>
    <main-tab-bar></main-tab-bar>

  </div>
</template>

<script>
    import MainTabBar from "components/tabbar/MainTabBar";

    export default {
        name: 'app',
        components: {
            MainTabBar
        }
    }
</script>

<style>
  @import 'assets/css/base.css';
</style>
